<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<title>皇甫酱菜</title>
<!-- ALL STYLESHEET -->
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">
</head>
<body>
    
	<!-- header -->
	<header class="header"> <!-- header top -->
	<div class="header-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-1">
					<ul class="list-inline">
						<li>
							<div>
								<a class="dropdown-toggle" data-toggle="dropdown"
									aria-haspopup="true" aria-expanded="false"><img
									src="/images/is.png" alt="" /> 中国 </a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-sm-9">
					<ul class="list-inline">
						<li><a href="#"><i class="fa fa-mobile"></i>0530-5637355</a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i>liyongguan_soft@126.com</a></li>
					</ul>
				</div>
				<div class="col-sm-2">
					<ul class="list-inline pull-right">
                   	 	<li><a href="javascript:;" title="Login or Register"><i class="icon fa fa-user fa-lg"></i><span>登录|注册</span></a></li>
					</ul>
					
				</div>
			</div>
		</div>
	</div>

	<!-- logo and adds -->
	<div class="logo-add">
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<div class="logo">
						<i class="fa "></i>皇甫 - 酱菜 - 总店
					</div>
				</div>
				<div class="col-sm-4">
					<h4 class="add bb-year-end-ribbon hidden-xs">
						<span> 欢 迎 <span> 惠 顾 </span> 本 店 ！
						</span>
					</h4>
				</div>
				<div class="col-sm-4">
					<ul class="list-inline pull-right">
                   	 	<li><a href="../cart" title="View Cart"><i class="icon fa fa-shopping-cart fa-lg"></i><span>购物车</span></a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>

	<!-- header bottom -->
	<div class="header-bottom">
		<div class="row">
			<div class="col-sm-12">
				<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="collapse navbar-collapse" id="header-bottom">
						<ul class="nav navbar-nav">
							<li class="active"><a href="../index">首页</a></li>
							<li><a href="../product">商品</a></li>
							<li><a href="../faq">F&Q(问答)</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="blog-details.html">Blog Detail</a></li>
							<li><a href="../about">关于我们</a></li>
							<li><a href="../contact">联系我们</a></li>
						</ul>
						<form class="navbar-form navbar-right" role="sousuo">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="搜索...">
								<span class="nav-search"><a href="#"><i
										class="fa fa-search"></i></a></span>
							</div>
						</form>
					</div>
				</div>
				</nav>
			</div>
		</div>
	</div>
	</header>

	
		<!-- desktop bar -->
		<section class="desktop-bar">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
					 <h3>FAQ</h3>
					</div>
					<div class="col-sm-8">
						<ol class="breadcrumb hidden-xs pull-right">
							<li><a href="#">Home</a></li>
							<li class="active"><a href="#">FAQ</a></li>
						</ol>
					</div>
				</div>
			</div>
		</section>
		
		<!-- FAQ -->
		<section>
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<h2 class="t-color-6">Frequently Asked Questions</h2>
						<div class="heading-border b-color-6"></div>
						
						<div class="panel-group ques-ask" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-1" aria-expanded="true" aria-controls="collapse-1">Sed ullum altera facilisis id, utroque vivendum reprehendunt vis ut. Eum ex purto modus voluptua, sit graece integre no</a>
									</h4>
								</div>
								<div id="collapse-1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										<p>Lorem Ipsum adalah contoh reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica.</p>
										<p>Lorem ipsum dolor sit amet, eu sea magna erant efficiendi. Laoreet accumsan ex has, sea dico praesent ei. Eu nonumy scripta ceteros vim, usu dolore nullam an. In suas debet mollis pri, falli graecis periculis an eam.

Eu eum meliore consequat disputando. Vis vidisse integre percipitur an. Ad pri debet putent habemus. Facete accusam eam te, cum no enim graeco. Ex blandit atomorum disputationi his, alienum scriptorem vis ad. Ad cum perfecto sententiae, an autem euismod civibus pro, delicata partiendo ad duo.

Legimus noluisse mediocritatem usu ad, mazim quaeque eos id, quot novum in cum. Quo id quod laoreet scribentur, ei sit modus soleat adolescens. Cu vix nonumy constituam. Eu movet quodsi ocurreret vim.

Sed ullum altera facilisis id, utroque vivendum reprehendunt vis ut. Eum ex purto modus voluptua, sit graece integre no. No tritani reprehendunt mei. Vim cu prima consequuntur. In eleifend ocurreret has, in nam wisi mollis facilis.

Facilisi indoctum an vel, tollit eirmod pro ut, stet possim sit eu. Pro cibo vocibus ei. Pri diceret indoctum eloquentiam ut, nam ex expetenda reprimique. Luptatum patrioque has id. No est soluta persequeris, delenit gubergren id vis, his iusto oporteat at.</p>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTow">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-2" aria-expanded="true" aria-controls="collapse-2">Fllum altera facilisis id, utroque vivendum reprehendunt vis ut. Eum ex purto modus voluptua, sit graece integre</a>
									</h4>
								</div>
								<div id="collapse-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTow">
									<div class="panel-body">
										<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-3" aria-expanded="true" aria-controls="collapse-3">Altera facilisis id, utroque vivendum reprehendunt vis ut. Eum ex purto modus voluptua, sit graece integre no</a>
									</h4>
								</div>
								<div id="collapse-3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
									</div>
								</div>
							</div>	
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-4" aria-expanded="true" aria-controls="collapse-4">Facilisi indoctum an vel, tollit eirmod pro ut, stet possim sit eu. Pro cibo vocibus ei. Pri diceret indoctum eloquentiam expetenda reprimique</a>
									</h4>
								</div>
								<div id="collapse-4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid moon offic cupidatat skateboard dolor brunch.</p>
									</div>
								</div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</section>
			
		<footer>
			<div class="footer-top">
				<div class="container">			
					<div class="row">	
						<div class="col-sm-3">
							<h2>About E-Market</h2>
							<div class="heading-border b-color-1"></div>
							<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci vulputate consetetur, 								causae consulatu eaper,  apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci 								vulputate consetetur, causae consulatu eaper</p>
							<div><a href="">Read More <i class="fa fa-angle-double-right"></i></a></div>
							<strong>Newsletter</strong>
							<form class="navbar-for" role="email">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Email Address">
									<span class="nav-search"><a href="#"><i class="fa fa-envelope"></i></a></span>
								</div>	
							</form>
							<small>Eros posse verterem congue saperet.</small>
						</div>
						<div class="col-sm-3">
							<h2>Featured Products</h2>
							<div class="heading-border b-color-1"></div>
							
						</div>
						<div class="col-sm-3">
							<h2>Latest News</h2>
						</div>
						<div class="col-sm-3">
							<h2>Contact us</h2>
							<div class="heading-border b-color-1"></div>
							<strong class="media-heading">Address</strong>
							<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575, USA</p>

							<strong class="media-heading">Phone & Fax</strong>
							<p>+880183947930</p>
							<p>+(980)1839479</p>

							<strong class="media-heading">E-Mail Address</strong>
							<p>support@gmail.com</p>
							<p>example@gmail.com</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">		
					<div class="row">	
						<div class="col-sm-12 text-center">
							<p>Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by Shaifuddin. All Rights Reserved.</p>
						</div>
					</div>
				</div>	
			</div>
		</footer>
		
        <!-- ALL JAVASCRIPT -->         
        <script src="js/jquery.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="js/custom.js"></script>
    </body>
</html>